<script>
export default {
  name: "Panel",
  props:{
    innerStyle:""
  }
}
</script>

<template>
  <div class="panel">
    <div class="panel-inner" :style="innerStyle">
      <slot/>
    </div>
  </div>
</template>

<style scoped>
.panel{
  height: 100%;
  width: 100%;
  padding: 16px 24px;
  background-color: #F7F8FA;
}
.panel .panel-inner{
  border-radius: 5px;
  background-color: white;
  height: 100%;
  width: 100%;
  padding: 16px 24px;
}
</style>
